
 @import './theme-src/common/var.scss';

 @mixin clearfix {
   &:after {
     content: "";
     display: table;
     clear: both;
   }
 }

 @mixin scrollBar {
   &::-webkit-scrollbar-track-piece {
     background: #d3dce6;
   }

   &::-webkit-scrollbar {
     width: 6px;
   }

   &::-webkit-scrollbar-thumb {
     background: #99a9bf;
     border-radius: 20px;
   }
 }

 @mixin relative {
   position: relative;
   width: 100%;
   height: 100%;
 }

 @mixin border {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
   -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
   box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
 }
